<!--// 综合-->
<template>
    <div>
        <el-container>
            <el-header>欢迎进入学生成绩管理系统</el-header>
            <el-main>
                <el-header style="text-align: left;background-color: moccasin;">你好,{{name}},欢迎回来!</el-header>
                <el-button id="maintry_addStudentScore" @click="gotoAdd">添加学生成绩</el-button>
                <el-button id="maintry_delteStudentScore" @click="gotoDelete">删除学生成绩</el-button>
                <el-button id="maintry_updateStudentScore" @click="gotoUpdate">修改学生成绩</el-button>
                <el-button id="maintry_findStudentScore" @click="gotoFind">查询学生成绩</el-button>
            </el-main>
            <el-footer>当前为功能选择页面</el-footer>
        </el-container>
    </div>
</template>
<script>
import {findName} from "../api/get";

export default {
    name: 'maintry',
    data () {
        return {
            username: '', // 登陆人员的username
            name: '' // 登录人员的姓名
        }
    },
    methods: {
        // 获取显示登录人员的姓名
        getName (username) {
            findName(username).then(res => {
                this.name = res.data.data
            })
        },
        // 前往添加页面
        gotoAdd () {
            this.$router.push('/addScore')
        },
        // 前往删除页面
        gotoDelete () {
            this.$router.push('/deleteScore')
        },
        // 前往修改页面
        gotoUpdate () {
            this.$router.push('/updateScore')
        },
        // 前往查询页面
        gotoFind () {
            this.$router.push('/showScore')
        }
    },
    created() {
        // 接收传过来的username的值
        this.username =this.$route.query.username
        // 获取姓名
        this.getName(this.username)
    }
}
</script>
<style scoped>
@import "../assets/css/maintry.css";
</style>
